/**
 * 初始化段位详情对话框
 */
var DivisionInfoDlg = {
    divisionInfoData: {},
    validateFields: {
        name: {
            validators: {
                notEmpty: {
                    message: '段位名称不能为空'
                }, stringLength: {
                    min: 1,
                    max: 100,
                    message: '段位名称字数必须在1到100之间'
                }
            }
        }, star: {
            validators: {
                regexp: {
                    regexp: /^[0-9]+$/,
                    message: '星星数量只能输入正整数'
                },
                notEmpty: {
                    message: '星星数量不能为空'
                }
            }
        }, exp: {
            validators: {
                regexp: {
                    regexp: /^[0-9]+$/,
                    message: '经验值数量只能输入正整数'
                },
                notEmpty: {
                    message: '经验值数量不能为空'
                }
            }
        }, flag: {
            validators: {
                regexp: {
                    regexp: /^[0-9]+$/,
                    message: '旗帜数量只能输入正整数'
                },
                notEmpty: {
                    message: '旗帜数量不能为空'
                }
            }
        }, winflag: {
            validators: {
                regexp: {
                    regexp: /^[0-9]+$/,
                    message: '旗帜数量只能输入正整数'
                },
                notEmpty: {
                    message: '旗帜数量不能为空'
                }
            }
        }, sort: {
            validators: {
                regexp: {
                    regexp: /^[0-9]+$/,
                    message: '段位顺序只能输入正整数'
                },
                notEmpty: {
                    message: '段位顺序不能为空'
                }
            }
        }
    }
};

/**
 * 清除数据
 */
DivisionInfoDlg.clearData = function () {
    this.divisionInfoData = {};
}

/**
 * 设置对话框中的数据
 *
 * @param key 数据的名称
 * @param val 数据的具体值
 */
DivisionInfoDlg.set = function (key, val) {
    this.divisionInfoData[key] = (typeof val == "undefined") ? $("#" + key).val() : val;
    return this;
}

/**
 * 设置对话框中的数据
 *
 * @param key 数据的名称
 * @param val 数据的具体值
 */
DivisionInfoDlg.get = function (key) {
    return $("#" + key).val();
}

/**
 * 关闭此对话框
 */
DivisionInfoDlg.close = function () {
    parent.layer.close(window.parent.Division.layerIndex);
}

/**
 * 收集数据
 */
DivisionInfoDlg.collectData = function () {
    this
        .set('id')
        .set('name')
        .set('star')
        .set('exp')
        .set('flag')
        .set('winflag')
        .set('sort')
        .set('img')
        .set('remarks');
}

/**
 * 提交添加
 */
DivisionInfoDlg.addSubmit = function () {

    this.clearData();
    this.collectData();
    if (!this.validate()) {
        return;
    }
    //提交信息
    var ajax = new $ax(Feng.ctxPath + "/division/add", function (data) {
        Feng.success("添加成功!");
        window.parent.Division.table.refresh();
        DivisionInfoDlg.close();
    }, function (data) {
        Feng.error("添加失败!" + data.responseJSON.message + "!");
    });
    ajax.set(this.divisionInfoData);
    ajax.start();
}

/**
 * 提交修改
 */
DivisionInfoDlg.editSubmit = function () {

    this.clearData();
    this.collectData();
    if (!this.validate()) {
        return;
    }
    //提交信息
    var ajax = new $ax(Feng.ctxPath + "/division/update", function (data) {
        Feng.success("修改成功!");
        window.parent.Division.table.refresh();
        DivisionInfoDlg.close();
    }, function (data) {
        Feng.error("修改失败!" + data.responseJSON.message + "!");
    });
    ajax.set(this.divisionInfoData);
    ajax.start();
}
DivisionInfoDlg.validate = function () {
    $('#divisionInfoForm').data("bootstrapValidator").resetForm();
    $('#divisionInfoForm').bootstrapValidator('validate');
    return $("#divisionInfoForm").data('bootstrapValidator').isValid();
};
$(function () {
    Feng.initValidator("divisionInfoForm", DivisionInfoDlg.validateFields);
    var uploader = WebUploader.create({
        // 选完文件后，是否自动上传。
        auto: true,
        // swf文件路径
        swf: Feng.ctxPath + '/static/js/plugins/webuploader/Uploader.swf',
        // 文件接收服务端。
        server: Feng.ctxPath + '/upload/uploadDivisionImage',
        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#filePicker',
        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        }
    });
    var thumbnailWidth = 100;
    var thumbnailHeight = 100;
    var lastFile;

    uploader.on('uploadSuccess', function (file, filename) {
        if(typeof(lastFile) != "undefined"){
            uploader.removeFile(lastFile);
        }
        file.filename = filename;
        lastFile = file;
    });
    uploader.on('uploadComplete', function (file) {
        var img = $("#headImage");
        var imageName = $("#imageName");
        var headimgurl = $("#img");
        // imageName.html(file.filename);
        headimgurl.val(file.filename);
        // 创建缩略图
        // 如果为非图片文件，可以不用调用此方法。
        // thumbnailWidth x thumbnailHeight 为 100 x 100
        uploader.makeThumb(file, function (error, src) {
            if (error) {
                img.replaceWith('<span>不能预览</span>');
                return;
            }
            img.attr('src', src);
        }, thumbnailWidth, thumbnailHeight);
    });
});
